<!--<%@ page contentType="text/html;charset=UTF-8" language="java" %>-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            text-decoration: none;
            box-sizing: border-box;
        }
        .w{
            margin: 0 auto;
            width: 1300px;
        }
        .nav .last{
            font-family: './in/fonts/icomoon.svg';
            font-size: 20px;
        }
        .header{
            background: url("./in/img/bg.webp");
            font-family: 'icomoon';
            font-size: 20px;
        }
        .header{
            background: url("./in/img/bg.webp");
            width: 100%;
            height: 180px;
            color: #04306e;
            margin-top: 40px;
        }
        .header img{
            margin-left: 10px;
            width: 600px;
        }
        .header h1{
            text-align: center;
            font-size: 50px;
        }
        .header span{
            float: right;
            margin-right: 10px;
            font-size: 20px;
            color: #000;
        }
        .nav{
            width: 100%;
            height: 40px;
            background-color: #1653b0;
            text-align: center;
        }
        .fixed{
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
        }
        .nav-box{
            display: inline-block;
            width: 1300px;
            height: 200px;
            line-height: 40px;
        }
        .nav-box div{
            cursor: pointer;
            float: left;
            width: 100px;
            color: #fff;
            font-size: 10px;
        }
        ul,ol{
            list-style: none;
        }
        .nav ul{
            display: none;
            position: relative;
            z-index: 999;
            top: 0;
            left: 0;
            border-bottom: 3px solid #1653b0;
            background-color: #fff;
        }
        .nav li a{
            color: #000;
        }
        .search-box{
            display: none;
            position: absolute;
            width: 100%;
            top: 40px;
            right: 0;
            height: 100px;
            background-color: rgba(255,255,255, 0.5);
            z-index: 90;
        }

        .search{
            padding-top: 30px;
            height: 100px;
            /*background-color: rgba(255,255,255, 0.5);*/
            line-height: 100px;
        }
        .search-text{
            width: 500px;

        }

        .S{
            width: 700px;
            height: 40px;
            margin: 0 auto;
        }
        .search input{
            /*display: inline-block;*/
            float: left;
            width: 600px;
            height: 40px;
            border: #1653b0 2px solid;
        }
        .search .s{
            float: left;
            /*display: inline-block;*/
            width: 80px;
            height: 40px;
            background-color: #1653b0;
            font-size: 10px;
            line-height: 40px;
            text-align: center;
            color: #fff;
        }
        .month{
            margin-top: 20px;
            width: 100%;
            height: 30px;
            background-color: #d3e3d8;
        }
        .month div{
            border-collapse: collapse;
            width: 8.33%;
            text-align: center;
            float: left;
            height: 30px;
            line-height: 30px;
            color: #ffffff;
        }
        .month .m1{
            color: #006354;
        }
        .month .m2{
            background-color: #a1d0b2;
            color: #006354;
        }
        .month .m3{
            background-color: #7fc29d;
        }
        .month .m4{
            background-color: #00a678;
        }
        .month .m5{
            background-color: #008267;
        }
        .month .m6{
            background-color: #006354;;
        }
        .month .m7{
            background-color: #f3dbc6;
            color: #d8402f;
            font-size: 20px;
        }
        .focus{
            position: relative;
            height: 270px;
            overflow: hidden;
            margin-top: 60px;
        }
        .focus ul{
            width: 400%;
            position: absolute;
            top: 0;
            left: 0;
        }
        .focus ul li{
            float: left;
        }
        .focus img{
            width: 1300px;
            height: 270px;
        }
        .left,.right{
            display: none;
            position: absolute;
            z-index: 9;
            color: #000;
            background-color: #fff;
            opacity: 0.5;
            border-radius: 20px;
            font-size: 30px;
        }
        .left{
            top: 120px;
            left: 10px;
        }
        .right{
            top: 120px;
            right: 10px;
        }
        .circle{
            position: absolute;
            bottom: 10px;
            left: 618px;
        }
        .circle li{
            float: left;
            width: 15px;
            height: 15px;
            border: 2px solid rgba(255,255,255,.5);
            margin: 0 3px;
            border-radius: 50%;
            cursor: pointer;
        }
        .current{
            background-color: #fff;
            opacity: 0.5;
        }
        .xy{
            top: 300px;
        }
        .sj{
            position: absolute;
            top: 0;
            right: -25px;
            width: 0;
            height: 0;
            width: 0;
            height: 0;
            border-left: 25px solid #74b7d3;
            border-top: 60px solid transparent;
            border-bottom: 0;
            border-right: 0;
        }
        .title{
            padding-left: 4px;
            font-family: 'icomoon';
            position: absolute;
            left: 70px;
            width: 220px;
            height: 60px;
            background: #74b7d3;
            opacity: 0.9;
            font-weight: bold;
            color: #000;
            font-size: 20px;
            line-height: 60px;
            text-align: center;
            z-index: 100;
        }
        .n{
            top: 680px;
        }
        .news{
            margin-top: 60px;
            height: 410px;
            /*background-color: #1653b0;*/
            border: 1px dashed #74b7d3;
        }
        .news>div{
            cursor: pointer;
            position: relative;
            margin-top: 40px;
            margin-right: 15px;
            float: left;
            background-color: #fff;
            width: 313px;
            height: 330px;
            border: 1px solid rgba(0,0,0,.1);
            border-collapse: collapse;
        }
        .news>div:hover{
            box-shadow: 0px 2px 3px 2px rgba(0,0,0, 0.1);
            margin-top: 35px;
        }
        .news .date{
            text-align: center;
            line-height: 30px;
            position: absolute;
            top: 230px;
            left: 0;
            width: 313px;
            height: 30px;
            background-color: #74b7d3;
            opacity: .6;
            font-size: 20px;
        }
        .text{
            margin-top: 5px;
            margin-left: 20px;
            font-weight: bold;
            width: 200px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .text2{
            font-weight: 300;
            width: 280px;
            color: #929292;
            font-size: 13px;
        }
        .news .la{
            margin-right: 0;
        }
        .news img{
            width: 312px;
            height: 260px;
        }
        .nav2-box{
            width: 100%;
            background-color: #f0f0f0;
        }
        .nav2 {
            width: 100%;
            height: 100px;
            margin: 20px auto;
            overflow: hidden;
            padding: 0 109px;
        }
        .nav2 div{
            height: 100px;
        }
        .pic{
            width: 162.5px;
            height: 100px;
            line-height: 100px;
            text-align: center;
            background-color: #d9e2f3;
            color: #555555;
            font-size: 20px;
            font-weight: bold;
            cursor: pointer;
            float: left;
            overflow: hidden;
            transition: all 0.5s;
        }
        .pic>div{
            text-align: center;
            width: 180px;
            height: 100px;
            float: left;
        }
        .pic .p-p1{
            float: left;
            cursor: pointer;
            width: 80px;
            height: 100px;
            background: url("./in/img/p1.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .p2 .p-p1{
            background: url("./in/img/p2.png") no-repeat center center ;
            background: url("./in/img/p1.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .p2 .p-p1{
            background: url("./in/img/p2.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .p3,.p4{
            background-color: #fbe5d5;
        }
        .p3 .p-p1{
            background: url("./in/img/p3.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .p4 .p-p1{
            background: url("./in/img/p4.png") no-repeat center center ;
            background: url("./in/img/p3.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .p4 .p-p1{
            background: url("./in/img/p4.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .p5,.p6{
            background-color: #ededed;
        }
        .p5 .p-p1{
            background: url("./in/img/p5.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .p6 .p-p1{
            background: url("./in/img/p6.png") no-repeat center center ;
            background: url("./in/img/p5.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .p6 .p-p1{
            background: url("./in/img/p6.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .nav2 .p7,.nav2 .p8{
            background-color: #fff2cc;
        }
        .p7 .p-p1{
            background: url("./in/img/p7.png") no-repeat center center ;
            background: url("./in/img/p7.png") no-repeat center center ;
            background-size: 50px 50px;
        }
        .nav2 .p8{
            float: right;
            width: 163.5px;
        }
        .p:hover,.p2:hover,.p3:hover,.p4:hover,.p5:hover,.p6:hover,.p7:hover,.p8:hover{
            cursor: pointer;
            width: 325px;
        }
        .nav2:before,.nav2:after{
            content: '';
            display: table;
        }
        .nav2:after{
            clear: both;
        }
        .nav2{
            *zoom:1;
        }
        .box1{
            height: 440px;
            cursor: pointer;
        }
        .box1>div{
            float: left;
            width: 33.3%;
            height: 420px;
            border: #74b7d3 1px dashed;
        }
        .box1 .t-right,.box1 .t-left{
            color: #74b7d3;
            height: 30px;
            line-height: 30px;
            margin-top: 10px;
            text-align: center;
        }
        .box1 .t-left{
            float: left;
            font-family: 'icomoon';
            width: 150px;
            font-size: 20px;
            margin-left: 10px;
        }
        .box1 .t-right{
            margin-right: 10px;
            float: right;
            width: 50px;
        }
        .box1 .t-body{
            width: 400px;
            height: 330px;
            margin: 40px auto;
            /*border: 1px solid #74b7d3;*/
            padding-top: 20px;
        }
        .box1 .day{
            width: 50px;
            float: left;
        }
        .day span{
            display: inline-block;
            width: 55px;
            height: 25px;
            text-align: center;
            line-height: 25px;
        }
        .day .xq{
            background-color: #74b7d3;
        }
        .day .rq{
            background-color: #bad0d9;
            font-size: 14px;
        }
        .box1 .text-box{
            float: left;
            width: 300px;
            height: 50px;
            margin-left: 10px;

        }
        .box1 .t-line{
            margin-bottom: 20px;
            height: 50px;
            width: 390px;
            border-bottom: 1px #74b7d3 dashed;
        }
        .nav3-box{
            width: 100%;
            height: 100px;
            background-color: #f0f0f0;
            margin-bottom: 20px;
        }
        .nav3 div{
            float: left;
            width: 25%;
            height: 100px;
            line-height: 100px;
            text-align: center;
            color: #555555;
            font-size: 20px;
            font-weight: bold;
        }
        #n1{
            background-color: #c7c5f5;
        }
        #n2{
            background-color: #c5e4f5;
        }
        #n3{
            background-color: #fff3b9;
        }
        #n4{
            background-color: #f5c5c5;
        }
        .nav4-box{
            background-color: #bad0d9;
            width: 100%;
            height: 200px;
            margin-bottom: 20px;
        }
        .nav4-box .nav4{
            height: 200px;
        }
        .nav4-box .nav4 .nav-p{
            position: relative;
            margin: 10px 0;
            width: 20%;
            height: 180px;
            float: left;
            overflow: hidden;
        }
        .nav4-box .nav4>div img{
            width: 100%;
            height: 180px;
            transition: all 0.5s;
        }
        .nav4-box .nav4 span{
            position: absolute;
            top: 0;
            left: 0;
            color: #74b7d3;
            height: 30px;
            line-height: 30px;
            background-color: rgba(255,255,255, 0.5);
        }
        .nav4 .nav-p:hover img{
            transform: scale(1.5,1.5);
        }
        footer{
            overflow: hidden;
            margin-top: 60px;
            width: 100%;
            height: 300px;
            background: #2176c3;
        }
        .f-box{
            padding-top: 40px;
            height: 230px;
        }
        .f-box div{
            width: 25%;
            float: left;
            height: 230px;
        }
        .f-box1{
            border-right: 1px solid rgba(255,255,255, .5);
            padding: 50px 0;
        }
        .f-box1 img{
            width: 100%;
        }
        .f-box .f-box1 span{
            margin-top: 40px;
            display: inline-block;
            width: 300px;
            font-family: 'icomoon';
            color: #ffffff;
        }
        .f-box2{
            color: #ffffff;
            padding-left: 20px;
            font-size: 14px;
        }
        .f-box2 span{
            display: inline-block;
            margin: 20px 0;
            border-bottom: 1px solid #ffffff;
        }
        .f-box4{
            color: #ffffff;
            text-align: center;
            border-left: 1px solid rgba(255,255,255,0.5);
        }
        .f-box4 img{
            width: 100px;
            height: 100px;
            margin-bottom: 10px;
        }
        .f-box4 p{
            font-size: 14px;
            font-family: 'icomoon';
        }
        .f-box4 .vx{
            width: 270px;
            background-color: rgba(255,255,255,0.5);
            border-radius: 20px;
            margin-left: 20px;
            margin-bottom: 10px;
        }
        .foot{
            height: 30px;
            background-color: #1653b0;
            text-align: center;
            color: #ffffff;
            font-size: 14px;
            line-height: 30px;
        }
        .box1 .t2 span{
            position: relative;
            color: #74b7d3;
            margin-right: 15px;
        }
        .t2 .down{
            font-family: 'icomoon';
            position: absolute;
            color: #ffffff;
            width: 25px;
            height: 25px;
            background-color: #74b7d3;
            border-radius: 15px;
            text-align: center;
            line-height: 25px;
            top: 0;
            left: 330px;
        }
        .goBack{
            font-family: 'icomoon';
            width: 60px;
            height: 60px;
            background-color: #1653b0;
            color: #ffffff;
            position: fixed;
            top: 600px;
            right: calc((100% - 1300px)/2 - 60px);
            z-index: 1000;
            border-radius: 30px;
            font-size: 30px;
            text-align: center;
            line-height: 60px;
            cursor: pointer;
        }

    </style>
</head>
<body>
<div class="nav fixed">
    <div class="nav-box">
        <div>
            <h2>首页</h2>
        </div>
        <div>
            <h2>学院简介</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>学科建设</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>师资队伍</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>本科教育</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>研究生教育</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>科学研究</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>社会服务</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>国际合作</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>学生工作</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>党建工作</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div>
            <h2>校友天地</h2>
            <ul>
                <li><a href="javascript:;">学院介绍</a></li>
                <li><a href="javascript:;">学院领导</a></li>
                <li><a href="javascript:;">治理架构</a></li>
                <li><a href="javascript:;">学院大事记</a></li>
                <li><a href="javascript:;">院长寄语</a></li>
            </ul>
        </div>
        <div class="last" href="two.jsp"><a href="${pageContext.request.contextPath}/toTwo">登录</a></div>
    </div>
    <div class="search-box">
        <div class="search w">
            <div class="S">
                <input type="text">
                <div class="s"><h1>搜索</h1></div>
            </div>
        </div>
    </div>
</div>
<div class="header">
    <img src="./in/img/logo.png" alt="">=
    <img src="img/logo.png" alt="">
    <h1>信息技术学院20周年院庆专题</h1>
    <span></span>
</div>
<div class="month">
    <div class="m1">Jan</div>
    <div class="m2">Feb</div>
    <div class="m3">Mar</div>
    <div class="m4">Apr</div>
    <div class="m5">May</div>
    <div>Jun</div>
    <div>Jul</div>
    <div>Aug</div>
    <div>Sept</div>
    <div>Oct</div>
    <div>Nov</div>
    <div>Dec</div>
</div>
<div class="focus w">
    <a href="javascript:;" class="left"><</a>
    <a href="javascript:;" class="right">></a>
    <ul>
        <li>
            <img src="./in/img/1.jpg" alt="">
        </li>
        <li>
            <img src="./in/img/2.jpg" alt="">
        </li>
        <li>
            <img src="./in/img/3.jpg" alt="">
            <img src="img/1.jpg" alt="">
        </li>
        <li>
            <img src="img/2.jpg" alt="">
        </li>
        <li>
            <img src="img/3.jpg" alt="">
        </li>
    </ul>
    <ol class="circle">
    </ol>
</div>
<div class="xy title">
     &nbsp;信院映像&nbsp;&nbsp;2022
    <div class="sj"></div>
</div>
<div class="n title">
     &nbsp;学院新闻&nbsp; NEWS
    <div class="sj"></div>
</div>
<!--<div class="month">-->
<!--    <div class="m1">立春</div>-->
<!--    <div class="m2">雨水</div>-->
<!--    <div class="m3">惊蛰</div>-->
<!--    <div class="m4">春分</div>-->
<!--    <div class="m5">清明</div>-->
<!--    <div class="m6">谷雨</div>-->
<!--    <div class="m7">立夏</div>-->
<!--    <div>小满</div>-->
<!--    <div>芒种</div>-->
<!--    <div>夏至</div>-->
<!--    <div>小暑</div>-->
<!--    <div>大暑</div>-->
<!--</div>-->
<div class="news w">
    <div>
        <div class="date">2021-12-6</div>
        <img src="./in/img/n1.jpg" alt="">
        <img src="img/n1.jpg" alt="">
        <div class="text">于合龙教授参加吉林省农业全过程无人化工作座谈会</div>
        <div class="text2 text">为贯彻落实韩俊省长关于农业全过程无人化批示精神，</div>
    </div>
    <div>
        <div class="date">2021-12-3</div>
        <img src="./in/img/n2.jpg" alt="">
        <img src="img/n2.jpg" alt="">
        <div class="text">致信息技术学院校友的一封信</div>
        <div class="text2 text">亲爱的校友: 岁末将至，敬颂冬绥。12月4日，信息技术学院</div>
    </div>
    <div>
        <div class="date">2021-11-24</div>
        <img src="./in/img/n3.jpg" alt="">
        <img src="img/n3.jpg" alt="">
        <div class="text">智慧农业研究院与继续教育学院共同承办2021年</div>
        <div class="text2 text">2021年10月25日，“2021年数字科技与农业高质量发展高级研修班”</div>
    </div>
    <div class="la">
        <div class="date">2021-11-24</div>
        <img src="./in/img/n4.png" alt="">
        <img src="img/n4.png" alt="">
        <div class="text">我院成功承办南北数字农业论坛——“数字农业，路还有多远？”</div>
        <div class="text2 text">2021年11月20日，吉林农业大学智慧农业研究院和华南农业大学</div>
    </div>
</div>
<div class="nav2-box">
    <div class="nav2 ">
        <div class="p pic">
            <div>智慧农业研究院</div>
            <div class=" p-p1"></div>
        </div>
        <div class="p2 pic">
            <div>吉农在线</div>
            <div class=" p-p1"></div>
        </div>
        <div class="p3 pic">
            <div>名师风采</div>
            <div class="p-p1"></div>
        </div>
        <div class="p4 pic">
            <div>同窗的你</div>
            <div class="p-p1"></div>
        </div>
        <div class="p5 pic">
            <div>特色学科</div>
            <div class="p-p1"></div>
        </div>
        <div class="p6 pic">
            <div>一流专业</div>
            <div class="p-p1"></div>
        </div>
        <div class="p7 pic">
            <div>科研平台</div>
            <div class="p-p1"></div>
        </div>
        <div class="p8 pic">
            <div>实验中心</div>
            <div class="p-p1"></div>
        </div>
    </div>
</div>
<div class="box1 w">
    <div class="t1">
        <div class="t-left"> &nbsp;&nbsp;通知通告</div>
        <div class="t-right">更多</div>
        <div class="t-body">
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期五</span>
                    <span class="rq">&nbsp;5&nbsp;/&nbsp;13&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">关于组织参加第五届中国软件开源创新大赛的通知</div>
                    <div class="text2 text"></div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期四</span>
                    <span class="rq">&nbsp;4&nbsp;/&nbsp;28&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">关于召开“新农科人才培养改革研究虚拟教研室”启动会的通知</div>
                    <div class="text2 text"></div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期五</span>
                    <span class="rq">&nbsp;12&nbsp;/&nbsp;3&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">致信息技术学院校友的一封信</div>
                    <div class="text2 text">亲爱的校友: 岁末将至，敬颂冬绥。12月4日，信息技术学院，</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期三</span>
                    <span class="rq">&nbsp;7&nbsp;/&nbsp;21&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">《信息技术学院科研团队管理办法（试行)》及</div>
                    <div class="text2 text">根据学院科研工作需要，规范科研团队管理，结合学院实际，</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期五</span>
                    <span class="rq">&nbsp;6&nbsp;/&nbsp;25&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">吉林农业大学信息技术学院2021年招生专业介绍</div>
                    <div class="text2 text">吉林农业大学信息技术学院2021年招生专业介绍：</div>
                </div>
            </div>
        </div>
    </div>
    <div class="t1">
        <div class="t-left">&nbsp;&nbsp;学术动态</div>
        <div class="t-right">更多</div>
        <div class="t-body">
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期三</span>
                    <span class="rq">&nbsp;11&nbsp;/&nbsp;24&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">我院成功承办南北数字农业论坛——“数字农业，路还有多远？”</div>
                    <div class="text2 text">2021年11月20日，吉林农业大学智慧农业研究院和华南农业大学</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期三</span>
                    <span class="rq">&nbsp;11&nbsp;/&nbsp;24&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">智慧农业研究院与继续教育学院共同承办2021年数字科技与农业高质量发</div>
                    <div class="text2 text">021年10月25日，“2021年数字科技与农业高质量发展高级研修班</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期三</span>
                    <span class="rq">&nbsp;10&nbsp;/&nbsp;27&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">我院承办“信息技术如何助力农业发展” 中国计算机</div>
                    <div class="text2 text">2021年10月16日下午中国计算机学会青年计算机科技论坛</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期四</span>
                    <span class="rq">&nbsp;10&nbsp;/&nbsp;21&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">全国新农科建设工作推进会考察团莅临智慧农业</div>
                    <div class="text2 text">2021年10月20日，全国新农科建设工作推进会在我校举行，</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期一</span>
                    <span class="rq">&nbsp;10&nbsp;/&nbsp;18&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">我院教师参加长春市农业全过程无人作业秋收整地示范活动</div>
                    <div class="text2 text">2021年10月15日，由长春市农业农村局、农安县人民政府</div>
                </div>
            </div>
        </div>
    </div>
    <div class="t1">
        <div class="t-left">&nbsp;&nbsp;合作交流</div>
        <div class="t-right">更多</div>
        <div class="t-body">
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期一</span>
                    <span class="rq">&nbsp;12&nbsp;/&nbsp;6&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">于合龙教授参加吉林省农业全过程无人化工作座谈会</div>
                    <div class="text2 text">为贯彻落实韩俊省长关于农业全过程无人化批示精神，</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期一</span>
                    <span class="rq">&nbsp;4&nbsp;/&nbsp;19&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">中国电信吉林分公司到我院交流座谈</div>
                    <div class="text2 text">4月16日，中国电信吉林分公司农业农村事业部总经理杨志兵</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期三</span>
                    <span class="rq">&nbsp;3&nbsp;/&nbsp;10&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">农业农村部农村经济研究中心来我院调研</div>
                    <div class="text2 text">2021年3月7日，农业农村部农村经济研究中心考察</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期五</span>
                    <span class="rq">&nbsp;5&nbsp;/&nbsp;13&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">布瑞克(苏州)农业互联网股份有限公司与我院</div>
                    <div class="text2 text">2021年3月9日下午，布瑞克农业互联网高级副总裁许井春</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">星期一</span>
                    <span class="rq">&nbsp;3&nbsp;/&nbsp;1&nbsp;</span>
                </div>
                <div class="text-box">
                    <div class="text">吉林农业大学智慧农业研究院相关教师赴中国科学院</div>
                    <div class="text2 text">2月24日，信息技术学院院长、智慧农业研究院常务副院长于</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="nav3-box">
    <div class="nav3 w">
        <div id="n1">教务系统</div>
        <div id="n2">教研管理系统</div>
        <div id="n3">研究生管理系统</div>
        <div id="n4">财务管理系统</div>
    </div>
</div>
<div class="box1 w">
    <div class="t1">
        <div class="t-left"> &nbsp;&nbsp;党建之窗</div>
        <div class="t-right">更多</div>
        <div class="t-body">
            <div class="t-line">
                <div class="day">
                    <span class="xq">7</span>
                    <span class="rq">2021/7</span>
                </div>
                <div class="text-box">
                    <div class="text">青春向党·薪火相传|“我为师生办实事”实践活动</div>
                    <div class="text2 text">按照《关于开展“青春向党·薪火相传”庆祝建党百年线上线下</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">1</span>
                    <span class="rq">2021/7</span>
                </div>
                <div class="text-box">
                    <div class="text">信息技术学院举办“牢记初心使命 重温光辉历程”</div>
                    <div class="text2 text">胸怀千秋伟业，恰是百年风华。为庆祝中国共产党成立100周年</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">1</span>
                    <span class="rq">2021/7</span>
                </div>
                <div class="text-box">
                    <div class="text">计算机系党支部全体党员手写入党誓词共祝中国</div>
                    <div class="text2 text">7月1日，这是中国共产党成立100周年的日子，信息技术学院</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">2</span>
                    <span class="rq">2021/6</span>
                </div>
                <div class="text-box">
                    <div class="text">信息技术学院举办“忆百年荣光 铭初心使命”第</div>
                    <div class="text2 text">百年恰似风华正茂，初心照亮万里征程。为迎接和庆祝中国共</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">21</span>
                    <span class="rq">2021/5</span>
                </div>
                <div class="text-box">
                    <div class="text">信息技术学院举办“忆百年荣光 铭初心使命”第</div>
                    <div class="text2 text">为贯彻落实韩俊省长关于农业全过程无人化批示精神，</div>
                </div>
            </div>
        </div>
    </div>
    <div class="t1">
        <div class="t-left">&nbsp;&nbsp;学生风采</div>
        <div class="t-right">更多</div>
        <div class="t-body">
            <div class="t-line">
                <div class="day">
                    <span class="xq">15</span>
                    <span class="rq">2021/11</span>
                </div>
                <div class="text-box">
                    <div class="text">我院学生在2021年信息技术服务业</div>
                    <div class="text2 text">近日，中国信息协会公布了2021年信息技术服务业应用技能大赛</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">27</span>
                    <span class="rq">2021/10</span>
                </div>
                <div class="text-box">
                    <div class="text">信息技术学院召开大学生网络思政融媒体中心建设工作推进会</div>
                    <div class="text2 text">10月26日，信息技术学院在学院311室召开大学生网络思政融媒</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">20</span>
                    <span class="rq">2021/9</span>
                </div>
                <div class="text-box">
                    <div class="text">第23次CCF CSP计算机软件能力认证</div>
                    <div class="text2 text">9月19日，我校作为全国计算机软件能力认证点在信息技术学院</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">3</span>
                    <span class="rq">2021/9</span>
                </div>
                <div class="text-box">
                    <div class="text">信息技术学院召开2021级新生家长见面会</div>
                    <div class="text2 text">为确保2021级学生安全、顺利报到，增强学生及家长对学院的了解</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">7</span>
                    <span class="rq">2021/7</span>
                </div>
                <div class="text-box">
                    <div class="text">信息技术学院举办2021年暑期“三下乡”社会实践动员大会</div>
                    <div class="text2 text">为深入学习宣传贯彻习近平新时代中国特色社会主义思想，</div>
                </div>
            </div>
        </div>
    </div>
    <div class="t1">
        <div class="t-left">&nbsp;&nbsp;就业信息</div>
        <div class="t-right">更多</div>
        <div class="t-body">
            <div class="t-line">
                <div class="day">
                    <span class="xq">24</span>
                    <span class="rq">2022/3</span>
                </div>
                <div class="text-box">
                    <div class="text">长春市国软利达信息科技有限公司</div>
                    <div class="text2 text">注：简历可以直接投递到邮箱，有简历的可以直接投递，没做简历的可</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">24</span>
                    <span class="rq">2022/3</span>
                </div>
                <div class="text-box">
                    <div class="text">径点科技有限公司招聘</div>
                    <div class="text2 text"></div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">28</span>
                    <span class="rq">2021/11</span>
                </div>
                <div class="text-box">
                    <div class="text">明康汇2022校园招聘</div>
                    <div class="text2 text">https://mp.weixin.qq.com/s/o62Wlsxuy27jAzWp8ahN3w</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">23</span>
                    <span class="rq">2021/11</span>
                </div>
                <div class="text-box">
                    <div class="text">浙江东阳光电子科技有限公司招聘</div>
                    <div class="text2 text">浙江东阳光电子科技有限公司.docx</div>
                </div>
            </div>
            <div class="t-line">
                <div class="day">
                    <span class="xq">23</span>
                    <span class="rq">2021/11</span>
                </div>
                <div class="text-box">
                    <div class="text">山东浩信集团招聘</div>
                    <div class="text2 text">为山东浩信集团招聘简章.pdf</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="nav4-box">
    <div class="nav4 w">
        <div class="nav-p">
            <span>北国风光</span>
            <img src="img/pic1.jpg" alt=""></div>
        <div class="nav-p">
            <span>蓝湖</span>
            <img src="img/pic2.jpg" alt=""></div>
        <div class="nav-p">
            <span>清晨</span>
            <img src="img/pic3.jpg" alt=""></div>
        <div class="nav-p">
            <span>中心教学楼</span>
            <img src="img/pic4.jpg" alt=""></div>
        <div class="nav-p">
            <span>秋韵</span>
            <img src="img/pic5.jpg" alt=""></div>
    </div>
</div>
<div class="box1 w">
    <div class="t1 t2">
        <div class="t-left"> &nbsp;&nbsp;规章制度</div>
        <div class="t-right">更多</div>
        <div class="t-body">
            <div class="t-line">
                <div class="text-box">
                    <div><span>[科研]</span>《信息技术学院科研团队管理办法（试行》</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[科研]</span>《信息技术学院科研团队名单》</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[党建]</span>信息技术学院网络门户管理办法</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[党建]</span>吉林农业大学教师师德失范行为处理办法（试行）</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[教学]</span>信息技术学院青年教师导师制有关规定</div>
                </div>
            </div>
        </div>
    </div>
    <div class="t1 t2">
        <div class="t-left"> &nbsp;&nbsp;常用下载</div>
        <div class="t-right">更多</div>
        <div class="t-body">
            <div class="t-line">
                <div class="text-box">
                    <div><span>[其他]<div class="down"></div></span>信息技术学院新媒体发布信息审核表</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[人事]<div class="down"></div></span>（返省人员填写）XX月XX日返省人员行程信息统计表</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[人事]<div class="down"></div></span>（出省人员填写）XX月XX日出省人员行程信息统计表</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[人事]<div class="down"></div></span>信息-教职工外出审批备案表（XX月XX日-XX月XX日-去往地点-姓名）</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[人事]<div class="down"></div></span>外来人员入校审批备案表</div>
                </div>
            </div>
        </div>
    </div>
    <div class="t1 t2">
        <div class="t-left"> &nbsp;&nbsp;高校政策
        </div>
        <div class="t-right">更多</div>
        <div class="t-body">
            <div class="t-line">
                <div class="text-box">
                    <div><span>[人才培养]</span>教育部办公厅关于实施一流本科专业建设“双万计划”的通知</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[人才培养]</span>普通高等学校本科教育教学审核评估实施方案（2021-2025年）</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[人才培养]</span>教育部关于一流本科课程建设的实施意见</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[人才培养]</span>教育部关于深化本科教育教学改革全面提高人才培养质量的意见</div>
                </div>
            </div>
            <div class="t-line">
                <div class="text-box">
                    <div><span>[人才培养]</span>工程教育认证状态保持与持续改进工作指南（试行）</div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="f-box w">
        <div class="f-box1">
            <img src="img/logo.png" alt="">
            <span><h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;吉林省长春市新城大街2888号</h4></span>
        </div>
        <div class="f-box2">
            <h4><span>研究中心</span></h4>
            <p>吉林省信息技术与智能农业工程研究中心</p>
            <p>吉林省农业物联网科技协同创新中心</p>
            <p> 吉林省智能环境研究中心</p>
            <p>吉林省物联网工程技术研究中心</p>
            <p>吉林省生物信息学研究中心</p>
            <p>吉林省精准农业与大数据工程研究中心</p>
        </div>
        <div class="f-box2">
            <h4><span>教学单位</span></h4>
            <p>计算机系</p>
            <p>电子系</p>
            <p>数理科学系</p>
            <p>智能工程系</p>
            <p>信息技术与智慧农业实验教学中心</p>
            <p>新农科教育信息化工程研究中心（虚拟教研室）</p>
        </div>
        <div class="f-box4">
            <img src="img/ewm.png" alt="">
            <p class="vx">&nbsp;吉林农业大学信息技术学院官方微信</p>
            <p>技术维护单位:</p>
            <p>计算机科学与技术一班刘艳</p>
        </div>
    </div>
</footer>
<div class="foot">
    版权所有 Copyright © 2020 吉林农业大学信息技术学院刘艳
</div>
<div class="goBack">
    
</div>
</body>
<script>
    //日期
    window.addEventListener('load', function () {
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var dates = date.getDate();
        var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
        var day = document.querySelector('.header span');
        day.innerHTML = year + '-' + month + '-' + dates + '&nbsp;' + arr[date.getDay()];
    })
    //导航栏
    window.addEventListener('load', function () {
        // var ul = document.querySelectorAll('.nav-box ul');
        var nav_box = document.querySelectorAll('.nav-box div');
        for (var i = 0; i < nav_box.length; i++) {
            nav_box[i + 1].onmouseover = function () {
                this.children[1].style.display = 'block';
                this.style.backgroundColor = '#142986';
            }
            nav_box[i + 1].onmouseout = function () {
                this.children[1].style.display = 'none';
                this.style.backgroundColor = '#1653b0';
            }
        }
    })
    //轮播图
    window.addEventListener('load', function () {
        //获取元素
        var arrow_l = document.querySelector('.left');
        var arrow_r = document.querySelector('.right');
        var focus = document.querySelector('.focus');
        focus.addEventListener('mouseenter', function () {
            arrow_l.style.display = 'block';
            arrow_r.style.display = 'block';
        })
        focus.addEventListener('mouseleave', function () {
            arrow_l.style.display = 'none';
            arrow_r.style.display = 'none';
        })

        var ol = document.querySelector('.circle');
        var ul = focus.querySelector('ul');

        var focusWidth = focus.offsetWidth;
        for (var i = 0; i < ul.children.length; i++) {
            var li = document.createElement('li');
            li.setAttribute('index', i);
            ol.appendChild(li);
            li.addEventListener('click', function () {
                for (var i = 0; i < ol.children.length; i++) {
                    ol.children[i].className = '';
                }
                this.className = 'current';
                var index = this.getAttribute('index');
                num = login;
                circle = login;

                animate(ul, -login * focusWidth);
            })
        }
        ol.children[0].className = 'current';
        var first = ul.children[0].cloneNode(true);
        ul.appendChild(first);
        var num = 0;
        var circle = 0;
        var flag = true;
        arrow_r.addEventListener('click', function () {
            if (flag === true) {
                flag = false;   //关闭节流阀
                if (num === ul.children.length - 1) {
                    ul.style.left = 0 + 'px';
                    num = 0;
                }
                num++;
                animate(ul, -num * focusWidth, function () {
                    flag = true;    //打开节流阀
                });
                circle++;
                for (var i = 0; i < ol.children.length; i++) {
                    ol.children[i].className = '';
                }
                if (circle == ol.children.length) {
                    circle = 0;
                }
                ol.children[circle].className = 'current';
            }

        })
        arrow_l.addEventListener('click', function () {
            if (flag === true) {
                flag = false;
                if (num === 0) {
                    num = ul.children.length - 1;
                    ul.style.left = -num * focusWidth + 'px';
                }
                num--;
                animate(ul, -num * focusWidth, function () {
                    flag = true;
                });
                circle--;
                for (var i = 0; i < ol.children.length; i++) {
                    ol.children[i].className = '';
                }
                if (circle === ol.children.length) {
                    circle = ol.children.length - 1;
                }
                ol.children[circle].className = 'current';
            }
        })
        var timer = setInterval(function () {
            arrow_r.click();
        }, 2000)
    })
    //更多
    window.addEventListener('load', function () {

        var more = document.querySelectorAll('.box1 .t-right');
        for (var i = 0; i < more.length; i++) {
            more[i].addEventListener('mouseover', function () {
                this.innerHTML = 'more';
            })
            more[i].addEventListener('mouseout', function () {
                this.innerHTML = '更多';
            })
        }
    })
    //返回顶部
    window.addEventListener('load',function (){
        function animate(obj, target, callback) {
            //如果给这个函数绑定一个button点击事件，当我们不断的点击按钮，这个元素的速度会越来越快，因为开启了太多定时器
            //解决方案就是 让我们元素只有一个定时器执行
            //先清除以前的定时器，只保留当前的一个定时器
            clearInterval(obj.timer);
            obj.timer = setInterval(function () {
                //把步长值改成整数
                var step = (target - window.pageYOffset) / 10;  //window.pageYOffset窗口移动的距离
                step = step > 0 ? Math.ceil(step) : Math.floor(step);
                if (window.pageYOffset === target) {
                    //停止动画本质是停止定时器
                    clearInterval(obj.timer);
                    if (callback) {
                        //当动画停止时，判断是否存在callback函数，若有则调用。
                        callback();
                    }
                } else {
                    // obj.style.top = window.pageYOffset + step + 'px';
                    window.scroll(0, window.pageYOffset + step);       //改成让窗口滚动
                    //匀速动画就是 盒子的位置 等于当前位置+移动固定的值
                    //缓动动画就是 盒子的位置 等于 当前的位置+变化的值 （目标值-现在的位置）/10）
                }
            }, 15);
        }
        var goBack=document.querySelector('.goBack');
        //3、当我们点击了返回顶部模块，就让窗口滚动到页面的最上方
        goBack.addEventListener('click', function () {
            // window.scroll(0,0); //滚动到页面(x,y)的距离。
            animate(window, 0);
        })
    })
    function animate(obj, target, callback) {
        clearInterval(obj.timer);
        obj.timer = setInterval(function () {
            var step = (target - obj.offsetLeft) / 10;
            step = step > 0 ? Math.ceil(step) : Math.floor(step);
            if (obj.offsetLeft == target) {
                clearInterval(obj.timer);
                // if(callback){
                //     callback();
                // }
                callback && callback();
            }
            obj.style.left = obj.offsetLeft + step + 'px';
        })
        var timer = setInterval(function () {
            if (obj.offsetLeft >= target) {
                clearInterval(timer);
            }
            obj.style.left = obj.offsetLeft + 1 + 'px';
        }, 30)
    }

</script>
</html>
